﻿canvas{ border: 1px solid black;}
body
{
	padding:0px;
	margin:0px;
}
ul
{
	list-style-type:none;
	display:block;
}
li
{
	float:left;
}
.purple
{
	background:#cb3594;
}
.green
{
	background:#659b41;
}
.yellow
{
	background:#ffcf33;
}
.brown
{
	background:#986928;
}
.pickColor
{
	width:20px;
	height:20px;
}

#small
{
	background:url('../images/size2.png') transparent;
	width:36px;
	height:36px;
}
#normal
{
	background:url('../images/size5.png') transparent;
	width:36px;
	height:36px;
}
#large
{
	background:url('../images/size10.png') transparent;
	width:36px;
	height:36px;
}
#huge
{
	background:url('../images/size20.png') transparent;
	width:36px;
	height:36px;
}

#btnEraser
{
	background:url('../images/earser.gif');
	width:36px;
	height:36px;
}
#btnCrayon
{
	background:url('../images/crayon.jpg');
	width:36px;
	height:36px;
}
#btnText
{
	background:url('../images/text_tool.jpg');
	width:36px;
	height:36px;
}
#btnDrag
{
	background:url('../images/cursor_drag_arrow.png');
	width:36px;
	height:36px;
}

.images
{
	max-width:200px;
	max-height:250px;
}

.colorpalette div {
    float: left;
    height: 16px;
    list-style: none outside none;
    margin: 1px 0 0 1px;
    padding: 0;
    width: 16px;
}
.insert_image_scroll
{
	height: 250px;
	width: 300px;
	overflow: auto;
}